查看原文
其他

吐血整理,文章竟然还可以这样排版???

一叶 小一的学习笔记 2023-01-01

Markdown写作技巧

说一下我的排版,全篇使用 Markdown 编写,最后进行了二次渲染。



什么是 Markdown ?

  • Markdown 是一个 Web 上使用的文本到 HTML 的转换工具,可以通过简单、易读易写的文本格式生成结构化的 HTML 文档

Markdown 有什么优点?

  • 纯文本格式的标记语言,包括表格、流程图等均可用纯文本表示;
  • 操作简单,记住简单的语法格式上手即用。
  • 可以通过二次渲染,无须再次排版

Markdown 有哪些好用的编辑器?

  • Typora

    • 官网地址:https://www.typora.io/
    • 推荐理由:简单方便,还可切换模式。"打字机模式了解一下"
  • 有道云笔记

    • 官网地址:http://note.youdao.com/
    • 推荐理由:我最开始用的一款工具,支持图床,且有网页版。
  • 印象笔记

    • 官网地址:https://www.yinxiang.com/
    • 推荐理由:很早的一款笔记软件,功能也很齐全。“现在还用这个的都是铁粉!”




一. 标题

在想要设置为标题的文字前面加 #
标题共六级,一级最大,六级最小
一级标题是一个 # ,两级是两个 # ,依次类推

示例如下:

# 我是一级标题
## 我是二级标题
### 我是三级标题
#### 我是四级标题
##### 我是五级标题
###### 我是六级标题

效果如下:

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是五级标题
我是六级标题




二. 字体

1. 字体加粗

要加粗的字前后各加两个 * 或两个 _ ,且不能有空格

示例如下:

**我要加粗**
___我要比你更粗___(三个下划线)

效果如下:

我要加粗
我要比你更粗(咦,我怎么斜了?往下看为什么↓)


2. 字体斜体

要斜体的字前后各加一个 * 或一个 _ ,且不能有空格

示例如下:

*我要变斜体*
_我要变斜体_

效果如下:

我要变斜体
我要变斜体



3. 字体删除线

要加删除线的字前后各加两个 ~~ ,且不能有空格

示例如下:

~~我要变删除线~~

效果如下:

我要变删除线


4. 字体下划线

要加下划线的字放在标签里面


注意 <u> 标签属于 Markdown 支持的 HTML 元素,放在字体这一节一起说了

示例如下:

<u>[在此输入链接名称](在此输入链接)</u>

效果如下:

有本事,你点我啊


5. 字体脚注

要加脚注的字放在 [^] 里面

示例如下:

我不是脚注[^我要变脚注]

效果如下:

我不是脚注我要变脚注





三. 段落

1. 段落换行

方法1:在一行的结尾插入两个以上的空格然后按回车键 换行
方法2:输入标签<br>

“推荐方法2,因为空格加回车远不如 br 标签清楚明了”

示例如下:

我要换行(两个空格和一个回车)
我成功换行了
<br>
我也要换行<br>我也成功换行了,耶

效果如下

我要换行(两个空格和一个回车)
我成功换行了

我也要换行
我也成功换行了,耶


2. 段落分割线

使用至少三个* 或 _来标记分割,且行内不能有其他字符

示例如下:

***
___
*****
_ _ _ _ _

效果如下:








四. 列表

1. 无序列表

使用 - + * 任何一种都可以表示无序列表
- + * 符号与内容之前要有一个空格

示例如下:

我是无序列表
好巧啊,我也是无序列表
兄弟们,别忘了我啊

效果如下:

  • 我是无序列表

  • 好巧啊,我也是无序列表

  • 兄弟们,别忘了我啊,我也是


2. 有序列表

使用数字加 .表示有序列表

示例如下:

1. 我是有序列表
2. 我也是!!
3. 我们都是有序列表!!

效果如下:

  1. 我是有序列表

  2. 我也是!!

  3. 我们都是有序列表!!


3. 列表嵌套

下一级列表前面输入四个空格,或者 tab 都可

示例如下:

- 我是有序列表
    1. 不,你不是,我才是
    2. 对,他不是,我两才是!

效果如下:

  • 我是有序列表

  1. 不,你不是,我才是

  2. 对,他不是,我两才是!





五. 引用块

通过>添加引用块,可以多级引用

示例如下:

> 这是引用的内容
>> 这也是引用的内容

效果如下:

这是引用的内容

这也是引用的内容





六. 代码

1. 单行代码

代码之间分别用一个反引号包起来,即键盘 ESC 键下面的按键``

示例如下:

`我是单行代码`

效果如下:

我是单行代码


2. 代码块

代码之间分别用三个反引号包起来,且两边的反引号单独占一行

示例如下:

```
我是代码块
`
``

效果如下:

我是代码块




七. 超链接

示例如下:

<u>[在此输入超链接名称](在此输入超链接)</u>
“听说加了下划线会更像超链接”

效果如下:

有本事,你点我啊





八. 图片

![我是图片名称](图片链接地址),图片最好放在图床。

示例如下:

![我是图片名称](我是图片链接)

效果如下:

快趁机给自己打个广告




九. 表格

|表头|表头|表头|
|:-|:-:|-:|
内容居左|内容居中|内容居右

第二行分割表头和内容。
- 有一个就行,为了对齐,可以多加几个

文字默认居左
- 两边加 :表示文字居中
- 右边加 :表示文字居右

示例如下:

|表头|表头|表头|
|:-|:-:|-:|
|内容居左|内容居中|内容居右|

效果如下:

表头表头表头
内容居左内容居中内容居右




十. 流程图

有的平台目前不支持 Markdown 流程图(csdn 目前支持)

示例如下:

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
```

效果如下:




Python系列

Python系列会持续更新,从基础入门到进阶技巧,从编程语法到项目实战。若您在阅读的过程中发现文章存在错误,烦请指正,非常感谢;若您在阅读的过程中能有所收获,欢迎一起分享交流。

如果你也想和我一起学习Python,关注我吧!

学习Python,我们不只是说说而已





End




限时领取,100G+数据分析干货资料免费领我羞答答的写完了Python进阶的内容
Python入门基础教程-补充
Python入门基础汇总


在看点这里

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存